@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2*1px;
}
html,body{
    height: 100%;
    width: 100%;
}
.indexM{
    background:url(../img/lookEvaluation/check-bg1.png);
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    .logo {
        width: p(103);
        height: p(40);
        margin: p(41) 0 0 p(56);
    }
    .loEva{
        margin-top: p(40);
        .imgTx{
            width: p(175);
            height: p(175);
            border-radius: p(50);
            margin: 0 auto;
            img{
                width: 100%;
            }
        }
        .text-1{
            margin: 0 auto;
            margin-top: p(29);
            background: url(../img/lookEvaluation/check-skyblue.png) no-repeat;
            background-size: cover;
            width: p(397);
            text-align: center;
            img{
               width: p(306); 
               height: p(26);
               margin-top: p(18);
            }
        }
        .text-2{
            margin: 0 auto;
            margin-top: p(17);
            text-align: center;
            img{
                width:p(258) ;
                height: p(25);
            }
        }
        .text-3{
            margin: p(23) auto; 
            width: p(472);
            .smallLogo{
                display: inline-block;
                width: p(60);
                height: p(60);
                vertical-align: middle;
                img{
                    width: 100%;
                }
            }
            .text-3-1{
                display: inline-block;
                background: url(../img/lookEvaluation/check-pink.png) no-repeat;
                background-size: cover;
                width: p(401);
                height: p(43);
                text-align: center;
                vertical-align: middle;
                img{
                    margin-top: p(10);
                    width: p(322);
                    height: p(26);
                }
            }
        }
        .text-3:first-child{
            margin-top: p(23);
        }
    }
    .footer{
        width: 100%;
        height: p(71);
        line-height: p(71);
        background: #2c2c2c;
        position: fixed;
        bottom: 0;
        overflow: hidden;
        
        .wenzi-2{
            display: inline-block;
            width: p(416);
            height: p(24);
            vertical-align: middle;
            margin-left: p(22);
        }
        .button{
            display: inline-block;
            width: p(111);
            height: p(47);
            overflow: hidden;
            vertical-align: middle;
            margin-left: p(10);
            margin-right: p(10);
            img{
                width: 100%;
            }
        }

        .dibu{
            display: inline-block;
            width: p(36);
            font-size: 0;
            vertical-align: middle;
            position: relative;
           
           img{
               width: 100%;
               position: absolute;
               left: 50%;
               top: 50%;
               -webkit-transform: translate(-50% ,-50%);
               -moz-transform: translate(-50% ,-50%);
               -ms-transform: translate(-50% ,-50%);
               -o-transform: translate(-50% ,-50%);
               transform: translate(-50% ,-50%);
           }
        }
    }
    .fenxiang{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0,0.9);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 1;
        .erweima{
            width: p(314);
            height: p(314);
            margin-bottom: p(50);
        }
        .sao-text{
            width: p(333);
            height: p(83);
        }
    }
    // 关闭分享页
    #shut-down:checked~.fenxiang{
        height: 0;
        overflow: hidden;
    }
    input{
        display: none;
    }
}